<!DOCTYPE html>
<html lang=ko>
<head>
	<meta charset="UTF-8">
	<title>canvas_draw.html</title>
	<link rel='stylesheet' type='text/css' href='../css/main.css'>
	<script src='../js/canvas_draw.js'></script>
	<style>
		#canvas
		{	
			border:1px solid #0000ff;
		}
	</style>
</head>
<body>
	<canvas id='canvas' width = '600' height = '400' onMouseDown='m_down()' onMouseMove='m_move()' onMouseUp='m_up()'>
		본 브라우저는 canvas를 지원하지 않습니다.
	</canvas>
	<br>
	<form id='frm'>
		<input type=button id='line' value = line>
		<input type=button id='rect' value = rect>
		<input type=button id='arc' value = arc>
		<input type=button id='fillrect' value = fillrect>
		<input type=button id='fillarc' value = fillarc>
		<br>
		<label>선 두께</label><input type=number id='lineWidth' value=1><br>
		<label>선색</label><input type=color id='lineColor'><br>
		<label>면색</label><input type=color id='fillColor'><br>
		<label>투명도</label><input type=range id='alpha' min=0 max=1 step=0.1 value=1><br>
	</form>
	<script>Init();</script>
	<div id='diva'></div>
</body>
</html>